"ui";

// 导入班花模板
let BanHua = require("BanHua/index")

// 编写xml布局
let ajxml = (
  <frame id='ajxml'>
    <vertical id='header'>
      <appbar bg='-color-'>
        <toolbar
          id='toolbar'
          title='-title-'
        >
        </toolbar>
      </appbar>
      <vertical id='body'>

        <vertical id="form">
          <input id='input1' w='*' hint='请输出密码'></input>
          <radiogroup id='radiogroup1'>
            <radio id='radio1' text='男'></radio>
            <radio id='radio2' text='女'></radio>
          </radiogroup>
          <checkbox id='checked1' text='运行模式'></checkbox>
          <button
            id='bb'
            on_click='submit'
            w='*'
            text='提交'
          ></button>
        </vertical>
        <button
          text='登录'
          on_click="login"
          id='xxx'
        ></button>
        <button
          id='ccc'
          text='注册'
          on_click="zhuce"
        ></button>
      </vertical>
    </vertical>
  </frame>
)

// 实例化对象
let bh = new BanHua({
  el : ajxml,
  data : {
    color : '#b2b2b2',
    title : 'Ban',
    bibi : '123'
  },
  form : {
    input1 : "你好",
    radiogroup1 : {
      radio1 : false,
      radio2 : true
    },
    checked1 : false
  },
  computed : {
    login : () => {
      toast("测试一下登录")
    },
    zhuce : () => {
      toastLog('注册')
      print(bh.data.color)
    },
    submit : () => {
      print('测试一下')
    }
  }
})

bh.init()

